.box {
    width: 100vw;
    height: 100vh;
    background: #001737;

    .topbox {
        height: 8vh;
        width: 100vw;
        margin-bottom: 20px;
        background-image: url(../../assets/images/top.png);
        background-size: 100vw 8vh;
    }

    .mid {
        display: flex;
        justify-content: space-around;
        width: 100vw;
        height: 81vh;
        background-image: url(../../assets/images/indexLightBackground.png);
        background-size: 100vw 78vh;

        .left {
            width: 30vw;
            height: 78vh;
        }

        .right {
            width: 55vw;
            height: 70vh;
            background-image: url(../../assets/images/border.png);
            background-size: 55vw 70vh;
            position: relative;

            .video {
                width: 54vw;
                height: 60vh;
                /* height: 400px; */
                position: absolute;
                top: 4.8vh;
                left: 1.8vw;
            }

            .dmbox {
                width: 50vw;
                position: absolute;
                bottom: 0;
                z-index: 44;
            }
        }
    }

    .bottom {
        height: 8vh;
        width: 100vw;
        box-sizing: border-box;
        background-image: url(../../assets/images/floor.png);
        background-size: 100vw 8vh;
        position: relative;

        .bm {
            width: 50px;
            position: absolute;
            top: -50%;
            left: 47%;
        }
    }
}
